// h1{
//     background-color: red;
// }

* {
    padding: 0;
    margin: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;

    header {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f8f8f8;
    }

    .box {
        height: 100%;
        width: 100%;
        background-image: url(../../assets/imgs/advertisement-bg.jpg);
        background-size: cover;
        background-position: center;
        position: relative;

        #btn {
            width: 110px;
            height: 40px;
            /* background-color: red; */
            border-radius: 25px;
            position: absolute;
            right: 20px;
            top: 20px;
            border: 0;
        }

        h1 {
            position: absolute;
            bottom: 50px;
            /* display: flex; */
            font-size: 35px;
            color: #fff;
            width: 100%;
            text-align: center;
        }

        .cends {
            display: inline-block;
            margin-right: 8px;
            text-decoration: none;
            color: rgba(16, 16, 16, 1);
            font-size: 14px;
        }

        .oneds {
            display: inline-block;
            margin-left: 8px;
            text-decoration: none;
            color: rgba(16, 16, 16, 1);
            font-size: 14px;
        }

    }

    span {
        display: inline-block;
        height: 14px;
        border: 1px solid pink;
    }
}